<!DOCTYPE html>
<html lang="zh-CN" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>升华网员工OA系统</title>
	<link rel="icon" href="<?php echo STC_RES ?>stuff/img/favicon.ico">
	<!--Upgrade your browser-->
	<!--[if lte IE 10]>
	<script>
		window.location.href = 'https://support.dmeng.net/upgrade-your-browser.html?referrer=' + location.href;
	</script>
	<![endif]-->
	<!-- Bootstrap -->
	<link href="<?php echo LIB_RES ?>bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<!-- toastr -->
	<link href="<?php echo LIB_RES ?>toastr/toastr.min.css" rel="stylesheet">
	<!-- Font Awesome -->
	<link rel="stylesheet" href="<?php echo LIB_RES ?>font-awesome/css/font-awesome.css">
	<!-- Hui-iconfont -->
	<link rel="stylesheet" href="<?php echo LIB_RES ?>Hui-iconfont/iconfont.css">
	<!-- AdminLTE -->
	<link rel="stylesheet" href="<?php echo LIB_RES ?>AdminLTE/css/AdminLTE.css">
	<link rel="stylesheet" href="<?php echo LIB_RES ?>AdminLTE/css/skins/skin-blue.css">
	<!-- Myself -->
	<link href="<?php echo STC_RES ?>stuff/css/shMain.css" rel="stylesheet">
</head>
<body class="hold-transition skin-blue sidebar-mini" oncontextmenu="return false;">
<noscript>
	<h2 style="color: #FFFFFF;text-align: center;">
		对不起，你的浏览器不支持或者禁用了脚本功能
		<br/>网页无法正常工作,请您更换浏览器或开启脚本
	</h2>
</noscript>

<div class="wrapper">
	<!-- 顶部栏 -->
	<header class="main-header">
		<!-- 左侧 Logo -->
		<a href="" class="logo">
			<!-- 小Logo 在缩小时使用 -->
			<span class="logo-mini"><img src="<?php echo STC_RES ?>stuff/img/favicon.ico"> </span>
			<!-- 大Logo -->
			<span class="logo-lg"><img src="<?php echo STC_RES ?>stuff/img/favicon.ico">中南大学升华网</span>
		</a>
		<!-- 顶部导航栏 -->
		<nav class="navbar navbar-static-top" role="navigation">
			<!-- Sidebar toggle button-->
			<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
				<span class="sr-only">侧边栏</span>
			</a>
			<!-- 导航栏右侧 -->
			<div class="navbar-custom-menu">
				<ul class="nav navbar-nav">
					<!-- 用户菜单 -->
					<li class="dropdown user user-menu">
						<!-- 菜单切换按钮 -->
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<!-- 导航栏小头像 -->
							<img src="{$self.qqimg}" class="user-image"
							     alt="User Image">
							<!-- 导航栏小介绍 -->
							<span class="hidden-xs">{$self.name}</span>
						</a>
						<ul class="dropdown-menu">
							<!-- 菜单内头像 -->
							<li class="user-header">
								<img src="{$self.qqimg}" class="img-circle"
								     alt="User Image">
								<p>
									{$self.name}
									<small>{$self.branch} {$self.position}</small>
								</p>

							</li>
							<!-- 菜单项 -->
							<li class="user-body">
								<div class="row">
									<div class="col-xs-4 text-center">
										<a href="#">Followers</a>
									</div>
									<div class="col-xs-4 text-center">
										<a href="#">Sales</a>
									</div>
									<div class="col-xs-4 text-center">
										<a href="#">Friends</a>
									</div>
								</div>
							</li>
							<!-- 菜单底部 -->
							<li class="user-footer">
								<div class="pull-left">
									<a href="#" class="btn btn-default btn-flat">Profile</a>
								</div>
								<div class="pull-right">
									<a href="#" class="btn btn-default btn-flat">Sign out</a>
								</div>
							</li>
						</ul>
					</li>
					<!-- 控制栏切换按钮 -->
					<li>
						<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
					</li>
				</ul>
			</div>
		</nav>
	</header>

	<!-- 左边栏 -->
	<aside class="main-sidebar">
		<!-- 侧边栏 -->
		<section class="sidebar">
			<!-- 用户信息 -->
			<div class="user-panel">
				<div class="pull-left image">
					<img src="{$self.qqimg}" class="img-circle"
					     alt="User Image">
				</div>
				<div class="pull-left info">
					<!--<br/>-->
					<p>赵旭阳</p>
					<!-- 状态 -->
					<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
				</div>
			</div>

			<!-- 搜索框 -->
			<!--			<form action="#" method="get" class="sidebar-form">-->
			<!--				<div class="input-group">-->
			<!--					<input type="text" name="q" class="form-control" placeholder="Search...">-->
			<!--					<span class="input-group-btn">-->
			<!--              <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i-->
			<!--			              class="fa fa-search"></i>-->
			<!--              </button>-->
			<!--            </span>-->
			<!--				</div>-->
			<!--			</form>-->
			<!-- /.search form -->

			<!-- 侧边栏主菜单 -->
			<ul class="sidebar-menu" data-widget="tree" v-cloak>
				<li class="header">盛世升华网 服务中南人</li>
				<!-- 左侧菜单 可以加入icon -->
				<li class="active"><a href="#"><i class="fa fa-link"></i> <span>Link</span></a></li>
				<li><a href="#"><i class="fa fa-link"></i> <span>Another Link</span></a></li>
				<li class="treeview">
					<a href="#"><i class="fa fa-link"></i> <span>Multilevel</span>
						<span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
					</a>
					<ul class="treeview-menu">
						<li><a href="#">Link in level 2</a></li>
						<li><a href="#">Link in level 2</a></li>
					</ul>
				</li>
			</ul>
		</section>
	</aside>


	<!-- 中间内容 -->
	<div class="content-wrapper">
		<!-- 页面头 -->
		<section class="content-header">
			<h1>
				Page Header
				<small>Optional description</small>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
				<li class="active">Here</li>
			</ol>
		</section>
		<!-- 中间内容 -->
		<section class="content container-fluid">

			<!--------------------------
			  | Your Page Content Here |
			  -------------------------->

		</section>
	</div>
	<!-- 页脚 -->
	<footer class="main-footer">
		<!-- 右侧 -->
		<div class="pull-right hidden-xs">
			Designed By Coders
		</div>
		<!-- 左侧 -->
		<strong>Copyright &copy; 2001-2017 <a href="http://54sh.csu.edu.cn/">中南大学升华网</a>.</strong> 版权所有.
	</footer>

	<!-- 控制栏 右侧 -->
	<aside class="control-sidebar control-sidebar-dark">
		<!-- Create the tabs -->
		<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
			<li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
			<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
		</ul>
		<!-- Tab panes -->
		<div class="tab-content">
			<!-- Home tab content -->
			<div class="tab-pane active" id="control-sidebar-home-tab">
				<h3 class="control-sidebar-heading">Recent Activity</h3>
				<ul class="control-sidebar-menu">
					<li>
						<a href="javascript:;">
							<i class="menu-icon fa fa-birthday-cake bg-red"></i>

							<div class="menu-info">
								<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>

								<p>Will be 23 on April 24th</p>
							</div>
						</a>
					</li>
				</ul>
				<!-- /.control-sidebar-menu -->

				<h3 class="control-sidebar-heading">Tasks Progress</h3>
				<ul class="control-sidebar-menu">
					<li>
						<a href="javascript:;">
							<h4 class="control-sidebar-subheading">
								Custom Template Design
								<span class="pull-right-container">
                    <span class="label label-danger pull-right">70%</span>
                  </span>
							</h4>

							<div class="progress progress-xxs">
								<div class="progress-bar progress-bar-danger" style="width: 70%"></div>
							</div>
						</a>
					</li>
				</ul>
				<!-- /.control-sidebar-menu -->

			</div>
			<!-- /.tab-pane -->
			<!-- Stats tab content -->
			<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
			<!-- /.tab-pane -->
			<!-- Settings tab content -->
			<div class="tab-pane" id="control-sidebar-settings-tab">
				<form method="post">
					<h3 class="control-sidebar-heading">General Settings</h3>

					<div class="form-group">
						<label class="control-sidebar-subheading">
							Report panel usage
							<input type="checkbox" class="pull-right" checked>
						</label>

						<p>
							Some information about this general settings option
						</p>
					</div>
					<!-- /.form-group -->
				</form>
			</div>
			<!-- /.tab-pane -->
		</div>
	</aside>
	<!-- /.control-sidebar -->
</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="<?php echo LIB_RES ?>jquery/jquery-3.2.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="<?php echo LIB_RES ?>bootstrap/js/bootstrap.min.js"></script>
<!-- toastr -->
<script src="<?php echo LIB_RES ?>toastr/toastr.min.js"></script>
<!-- AdminLTE -->
<script src="<?php echo LIB_RES ?>AdminLTE/js/adminlte.js"></script>
<!-- Vue -->
<script src="<?php echo LIB_RES ?>vue/vue.min.js"></script>
<script src="<?php echo LIB_RES ?>vue/vue-resource.min.js"></script>
<script src="<?php echo LIB_RES ?>vue/vue-router.min.js"></script>
<!-- crypto -->
<script src="<?php echo LIB_RES ?>crypto-js/crypto-js.min.js"></script>
<!-- Myself -->
<script src="<?php echo STC_RES ?>stuff/js/shMain.js" id="my-js" data-root="<?php echo WEB_ROOT ?>"></script>
</body>

</html>